<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Drop Menu</title>

<link  href="css/Awf.dropMenu.css" rel="stylesheet" type="text/css" media="screen" />

<script src="mootools-1.2.2-core.js" type="text/javascript"></script>
<script src="../Awf.dropMenu.js" type="text/javascript"></script>
<script type="text/javascript">
	
window.addEvent('domready',function(){

	$('menu_ul').dropMenu();
	
	if(1 == 2 && if_you_want_this){ // 1 == 2 ?? this will never happen, just to show you
		new Awf.dropMenu($('menu_ul'));
	}

});
	
</script>

<style title="text/css">
	
	#menu_ul {
		margin: 0;
		padding: 50px;
		list-style: none;
	}
	
	#menu_ul li {
		float: left;
		padding: 5px;
	}
	
</style>

</head>
<body>

<ul id="menu_ul">
	<li><a href="#page:hi">Hi!</a>
		<ul>
			<li><a href="#page:hi">Hi!</a></li>
			<li><a href="#page:hi">Hi!</a>
				<ul>
					<li><a href="#page:hi">Hi!</a></li>
					<li><a href="#page:hi">Hi!</a></li>
					<li><a href="#page:hi">Hi!</a></li>
				</ul>			
			</li>
			<li><a href="#page:hi">Hi!</a></li>
		</ul>
	</li>
	<li><a href="#page:second">This is a second link</a></li>
</ul>


</body>
</html>
